<template>
  <div class="pull-load" >
    <div v-show="pullfresh">
      <van-loading type="spinner" color="#998C7F" size="16px"/>
      <p>{{freshText}}</p>
    </div>
    <p v-show="!pullfresh">{{text}}</p>
  </div>
</template>

<script>
export default {
  props:{
    freshText:String,
    text:String,
    pullfresh:Boolean
  }
}
</script>

<style scoped>
  /* 上拉加载 */
.pull-load{
  color: #998C7F;
  font-size: 15px;
  margin-bottom: 50PX;
}
.pull-load,.pull-load>div,.pull-load>p{
  display: flex;
  justify-content: center;
  align-items: center;
}
.pull-load>div{
  height: 45PX;
}
.pull-load>p{
  line-height: 45PX;
}
.pull-load>div{
  flex-direction: column;
}
</style>